<template>
  <div class="myHome">
    <el-header class="title">
      <p>热带亚热带特色植物库</p>
    </el-header>
    <el-main class="main-outer">
      <router-view></router-view>
    </el-main>
  </div>
</template>

<script>
export default {
  name: 'Plant',
  data () {
    return {
      /**
      input3: "",
      data: [
        {
          label: "无患子科",
          children: [
            {
              label: "荔枝属"
            },
            {
              label:"龙眼属"
            }
          
          ],
        },
        {
          label: "漆树科",
          children:[
            {
              label:"杧果属"
            }
          ]
        },
          {
          label: "禾本科",
          children:[
            {
              label:"甘蔗属"
            }
          ]
        },
         {
          label: "酢浆草科",
          children:[
            {
              label:"阳桃属"
            }
          ]
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
      select:"" */
    };
  },
  methods: {
    // goMain () {
    //   this.$router.push('/plant');
    // },
    // go () {
    //   this.$router.push('/research');
    // },
    /**
    handleNodeClick(node){
       //console.log(node.label) 节点label
      //console.log(node.children); 子节点数组
      this.select=node.label;
    },
     go(){
       this.$router.push({
         path:'/about',
         query:{
           name:this.select
         }
       })
    }, */

  },
};
</script>
<style scoped>
.myHome {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: rgb(242, 242, 242);

  /** 
  background-color: #f0f9eb;*/
}
.mainBtn {
  display: inline-block;
}

.title {
  height: 10%;
  font-size: 40px;
  font-weight: bold;
  /* text-align: left; */
  /**margin-left:25px;*/
  /* background-image: url("../assets/back.jpg"); */
  background: #56ab2f; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #a8e063,
    #56ab2f
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #a8e063,
    #56ab2f
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.title p {
  display: inline-block;
  margin: 0px;
  margin-left: 20px;
  padding: 9px 0px 40px 0px;
  color: white;
}
.main-outer {
  /** 
  background:rgb(248, 244, 182);*/
  /* background: #f4f4f5; */
  /* height: 100%; */
  height: 88%;
  padding: 20px;
}
.header {
  width: 100%;
  height: 8%;
  margin: 0;
  padding: 0;
  box-shadow: 5px 5px 20px hsla(0, 0%, 86.7%, 0.5);
}
</style>
